<!DOCTYPE html>
<html class="bg-black">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <meta name="author" content="Digvijay Mohite">

    <link href="<?php asset("css/bootstrap.min.css") ?>" rel="stylesheet" type="text/css"/>
    <link href="<?php asset("css/font-awesome.min.css") ?>" rel="stylesheet" type="text/css"/>
    <link href="<?php asset("css/AdminLTE.css") ?>" rel="stylesheet" type="text/css"/>
    <link href="<?php asset("dist/ladda-themeless.min.css") ?>" rel="stylesheet" type='text/css'>
    <script src="<?php asset("dist/spin.min.js") ?>"></script>
    <script src="<?php asset("dist/ladda.min.js") ?>"></script>
    <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <style>
        body {
            font-family: 'Raleway', serif;
        }

        .form-box .header {
            background: none repeat scroll 0 0 #009ACB;
            font-family: 'Raleway', serif;
        }

        .bg-olive {
            background-color: #009ACB !important;
        }
    </style>
</head>
<body class="bg-black">

<div class="form-box" id="login-box">
    <div class="header">Sign In</div>
    <form id="loginForm" method="post">
        <div class="body bg-gray">
            <div class="form-group">
                <input type="text" name="username" class="form-control" placeholder="User name"/>
            </div>
            <div class="form-group">
                <input type="password" name="password" class="form-control" placeholder="Password"/>
            </div>
        </div>
        <div class="footer">
            <button id="submit" type="button" class="btn bg-olive btn-block ladda-button" data-style="slide-right">
                Login
            </button>
            <p align="center" style="color:red" id="status"></p>

            <p align="center"><a href="#">I forgot my password</a></p>

            <p align="center"><a>Powered by WebsiteApps</a></p>
        </div>
    </form>
    </button>
</div>
<script src="<?php asset("js/jquery.min.js") ?>"></script>
<script src="<?php asset("js/bootstrap.min.js") ?>" type="text/javascript"></script>
<script src="<?php asset("custom/login.js") ?>" type="text/javascript"></script>
</body>
</html>